<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订阅项目</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/subscription.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content pr">
    <div class="SY-setContent">
        <div class="SY-wrap wrap">
            <!--用户基本信息-->
            <div class="SY-userCenter">
                <div class="br5 clearfix">
                    <div class="SY-user fl clearfix">
                        <div class="avatar br50 fl">
                            <img src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                            <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                        </div>
                        <div class="msg fl">
                            <h2 class="nickName toe">这是该用户的昵称</h2>
                            <p class="desc toe">这是该用户的自我描述</p>
                        </div>
                    </div>
                    <div class="SY-datas tac fr">
                        <div class="scan dib">
                            <p><span class="num">0</span>人</p>
                            <p class="text">浏览</p>
                        </div>
                        <div class="works dib">
                            <p><span class="num">0</span>篇</p>
                            <p class="text">作品</p>
                        </div>
                        <div class="follow dib">
                            <p><span class="num">0</span>人</p>
                            <p class="text">关注</p>
                        </div>
                        <div class="thumbUp dib">
                            <p><span class="num">0</span>次</p>
                            <p class="text">点赞</p>
                        </div>
                        <div class="comment dib">
                            <p><span class="num">0</span>条</p>
                            <p class="text">评论</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--设置 -> 主内容 -->
            <div class="SY-setting">
                <div class="content clearfix">
                    <!--左侧入口-->
                    <div class="SY-enter tac fl">
                        <div class="SY-create br5">
                            <a class="createBtn db transition" href="javascript:void(0);"><i class="dib icon"></i>开始创作</a>
                        </div>
                        <div class="SY-tabNav br5">
                            <ul>
                                <li class="private"><a class="db" href="UserSetting.html"><i class="icon"></i>个人设置</a></li>
                                <li class="workControl"><a class="db" href="WorkManage.html"><i class="icon"></i>作品管理</a></li>
                                <li class="subscript active"><a class="db" href="#"><i class="icon"></i>订阅项目</a></li>
                                <li class="collection"><a class="db" href="Collection.html"><i class="icon"></i>我的收藏</a></li>
                                <li class="wallet"><a class="db" href="MyWallet.html"><i class="icon"></i>我的钱包</a></li>
                                <li class="account"><a class="db" href="AccountSetting.html"><i class="icon"></i>账号设置</a></li>
                            </ul>
                        </div>
                    </div>
                    <!--订阅项目 -> 主内容-->
                    <div class="SY-subscript fr">
                        <div class="navTab br5">
                            <ul class="clearfix">
                                <li class="item fl active"><a href="javascript:void(0);">创建订阅项目</a></li>
                                <li class="item fl"><a href="javascript:void(0);">我订阅的项目</a></li>
                                <li class="item fl"><a href="javascript:void(0);">订阅我的项目</a></li>
                            </ul>
                        </div>
                        <div class="contentBox">
                            <!--创建订阅项目-->
                            <div class="buildSubscript clearfix">
                                <div class="reward br5 fl">
                                    <div class="tabNav clearfix">
                                        <div class="fl tabBtn br5 border1">
                                            <a class="dib all active" href="javascript:void(0);">全部</a>
                                            <span class="line dib"></span>
                                            <a class="dib published" href="javascript:void(0);">已发布</a>
                                            <span class="line dib"></span>
                                            <a class="dib shield" href="javascript:void(0);">已屏蔽</a>
                                        </div>
                                        <div class="fr">
                                            <a class="createBtn br5 tac db transition" href="javascript:void(0);"><i class="fa fa-plus"></i>创建</a>
                                        </div>
                                    </div>
                                    <div class="newRewardBox">
                                        <div class="newReward br5 border1">
                                            <div class="topBox clearfix">
                                                <p class="fl title">项目一</p>
                                                <a href="javascript:void(0);" class="fr">设为屏蔽</a>
                                                <a href="javascript:void(0);" class="fr edit">编辑</a>
                                            </div>
                                            <div class="msgBox clearfix">
                                                <div class="fl">
                                                    <div class="description">
                                                        项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述
                                                    </div>
                                                    <p class="openTime">开放订阅时间：<span class="date">2018-04-12</span></p>
                                                    <p class="peopleNum">限制人数：<span class="num">666</span></p>
                                                    <p class="time">2018-03-06</p>
                                                </div>
                                                <div class="caption fr">
                                                    <p class="price">￥26</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="newReward shield br5 border1">
                                            <div class="topBox clearfix">
                                                <p class="fl title">项目一</p>
                                                <a href="javascript:void(0);" class="fr">取消屏蔽</a>
                                                <a href="javascript:void(0);" class="fr edit">编辑</a>
                                            </div>
                                            <div class="msgBox clearfix">
                                                <div class="fl">
                                                    <div class="description">
                                                        项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述项目描述
                                                    </div>
                                                    <p class="openTime">开放订阅时间：<span class="date">2018-04-12</span></p>
                                                    <p class="peopleNum">限制人数：<span class="num">666</span></p>
                                                    <p class="time">2018-03-06</p>
                                                </div>
                                                <div class="caption fr">
                                                    <p class="price">￥26</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--缺省提示-->
                                    <div class="emptyInfo tac dn">
                                        <div class="icon"></div>
                                        <p class="text">暂未创建订阅项目</p>
                                    </div>
                                    <!--分页-->
                                    <div class="page tac">
                                        <ul class="pageList pr clearfix">
                                            <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                            <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                            <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                            <li><a href="javascript:void(0);">2</a></li>
                                            <li><a href="javascript:void(0);">3</a></li>
                                            <li><a href="javascript:void(0);">...</a></li>
                                            <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                            <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="help br5 fr">
                                    <div class="helpIcon feb"><i class="fa fa-question-circle"></i>小助手</div>
                                    <ul>
                                        <li><a href="javascript:void(0);">什么是奖励？</a></li>
                                        <li><a href="javascript:void(0);">每月付费与一口价的区别？</a></li>
                                        <li><a href="javascript:void(0);">视觉艺术家通常的奖励建议</a></li>
                                        <li><a href="javascript:void(0);">我可以编辑或者删除我的奖励吗？</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!--我订阅的项目-->
                            <div class="mineSubscript br5 dn">
                                <div class="headBox clearfix">
                                    <div class="subClassify fl pr">
                                        订阅类型：<a href="javascript:void(0);">全部<i class="fa fa-angle-down"></i></a>
                                        <ul class="select br5 pa">
                                           <li class="item active"><a href="javascript:void(0);">全部</a></li>
                                           <li class="item"><a href="javascript:void(0);">包月服务</a></li>
                                           <li class="item"><a href="javascript:void(0);">永久服务</a></li>
                                        </ul>
                                    </div>
                                    <div class="subStatus fl pr">
                                        状态：<a href="javascript:void(0);">全部<i class="fa fa-angle-down"></i></a>
                                        <ul class="select br5 pa">
                                            <li class="item active"><a href="javascript:void(0);">全部</a></li>
                                            <li class="item"><a href="javascript:void(0);">订阅中</a></li>
                                            <li class="item"><a href="javascript:void(0);">已过期</a></li>
                                        </ul>
                                    </div>
                                    <div class="totalCount fr">合计：<span class="num">10</span>人</div>
                                </div>
                                <div class="titleBox br5">
                                    <p class="dib tac nickName">用户名</p>
                                    <p class="dib tac predictItem">订阅项目</p>
                                    <p class="dib tac classify">订阅类型</p>
                                    <p class="dib tac price">价格</p>
                                    <p class="dib tac timeLimit">起止时间</p>
                                    <p class="dib tac status">状态</p>
                                </div>
                                <div class="listBox">
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥30</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 12:00<span>至</span>2018-08-09 12:00</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">永久服务</p>
                                        <p class="dib tac toe price">￥35</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 09:25<span>至</span>2018-08-09 09:25</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">永久服务</p>
                                        <p class="dib tac toe price">￥19</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 09:25<span>至</span>2018-08-09 09:25</p>
                                        <p class="dib tac toe status">已过期</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥46</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 10:30<span>至</span>2018-08-09 10:30</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥46</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 10:30<span>至</span>2018-08-09 10:30</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥46</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 10:30<span>至</span>2018-08-09 10:30</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥46</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 10:30<span>至</span>2018-08-09 10:30</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥46</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 10:30<span>至</span>2018-08-09 10:30</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">永久服务</p>
                                        <p class="dib tac toe price">￥19</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 09:25<span>至</span>2018-08-09 09:25</p>
                                        <p class="dib tac toe status">已过期</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">永久服务</p>
                                        <p class="dib tac toe price">￥19</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 09:25<span>至</span>2018-08-09 09:25</p>
                                        <p class="dib tac toe status">已过期</p>
                                    </div>
                                </div>
                                <!--缺省-->
                                <div class="emptyInfo tac empty dn">
                                    <div class="icon"></div>
                                    <p class="text">暂无支持者</p>
                                </div>
                                <!--loading-->
                                <div class="loading tac dn">
                                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                                </div>
                                <!--分页-->
                                <div class="page tac">
                                    <ul class="pageList pr clearfix">
                                        <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                        <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                        <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                        <li><a href="javascript:void(0);">2</a></li>
                                        <li><a href="javascript:void(0);">3</a></li>
                                        <li><a href="javascript:void(0);">...</a></li>
                                        <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                        <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!--订阅我的项目-->
                            <div class="subscriptMine br5 dn">
                                <div class="headBox clearfix">
                                    <div class="subClassify fl pr">
                                        订阅类型：<a href="javascript:void(0);">全部<i class="fa fa-angle-down"></i></a>
                                        <ul class="select br5 pa">
                                            <li class="item active"><a href="javascript:void(0);">全部</a></li>
                                            <li class="item"><a href="javascript:void(0);">包月服务</a></li>
                                            <li class="item"><a href="javascript:void(0);">永久服务</a></li>
                                        </ul>
                                    </div>
                                    <div class="subStatus fl pr">
                                        状态：<a href="javascript:void(0);">全部<i class="fa fa-angle-down"></i></a>
                                        <ul class="select br5 pa">
                                            <li class="item active"><a href="javascript:void(0);">全部</a></li>
                                            <li class="item"><a href="javascript:void(0);">订阅中</a></li>
                                            <li class="item"><a href="javascript:void(0);">已过期</a></li>
                                        </ul>
                                    </div>
                                    <div class="totalCount fr">合计：<span class="num">4</span>人</div>
                                </div>
                                <div class="titleBox br5">
                                    <p class="dib tac nickName">用户名</p>
                                    <p class="dib tac predictItem">订阅项目</p>
                                    <p class="dib tac classify">订阅类型</p>
                                    <p class="dib tac price">价格</p>
                                    <p class="dib tac timeLimit">起止时间</p>
                                    <p class="dib tac status">状态</p>
                                </div>
                                <div class="listBox">
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥30</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 12:00<span>至</span>2018-08-09 12:00</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">永久服务</p>
                                        <p class="dib tac toe price">￥35</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 09:25<span>至</span>2018-08-09 09:25</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">永久服务</p>
                                        <p class="dib tac toe price">￥19</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 09:25<span>至</span>2018-08-09 09:25</p>
                                        <p class="dib tac toe status">已过期</p>
                                    </div>
                                    <div class="item">
                                        <p class="dib tac toe nickName">路人甲</p>
                                        <p class="dib tac toe predictItem">黑豹教程</p>
                                        <p class="dib tac toe classify">包月服务</p>
                                        <p class="dib tac toe price">￥46</p>
                                        <p class="dib tac toe timeLimit">2018-07-09 10:30<span>至</span>2018-08-09 10:30</p>
                                        <p class="dib tac toe status">订阅中</p>
                                    </div>
                                </div>
                                <!--缺省-->
                                <div class="emptyInfo tac empty dn">
                                    <div class="icon"></div>
                                    <p class="text">暂无支持者</p>
                                </div>
                                <!--loading-->
                                <div class="loading tac dn">
                                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                                </div>
                                <!--分页-->
                                <div class="page tac dn">
                                    <ul class="pageList pr clearfix">
                                        <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                                        <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                                        <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                                        <li><a href="javascript:void(0);">2</a></li>
                                        <li><a href="javascript:void(0);">3</a></li>
                                        <li><a href="javascript:void(0);">...</a></li>
                                        <li class="text"><a href="javascript:void(0);">下一页</a></li>
                                        <li class="text"><a href="javascript:void(0);">尾页</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/search.js"></script>
<script>
    $(function () {
        //navTab 切换
        $(".SY-subscript .navTab .item").click(function () {
            var this_index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".SY-subscript .contentBox > div").eq(this_index).removeClass("dn").siblings().addClass("dn");
        });

        //分类下拉框显示 && 隐藏
        $(".SY-subscript .headBox .fl > a").click(function () {
            $(this).siblings(".select").slideToggle();
        })
    })
</script>
</body>
</html>